<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>后台注册页面</title>
    <!-- zui -->
    <link href="dist/css/zui.min.css" rel="stylesheet">
</head>

<body>
    <div class="col-md-3 col-md-offset-5 col-sm-5 col-sm-offset-3" style="margin-top: 250px;">
        <div class="panel">
            <div class="panel-heading">
                注册面板
            </div>
            <div class="panel-body">
                <div class="input-group with-padding">
                    <span class="input-group-addon">账号</span>
                    <input type="text" class="form-control" placeholder="请输入账号" id="account">
                </div>

                <div class="input-group with-padding">
                    <span class="input-group-addon">密码</span>
                    <input type="password" class="form-control" placeholder="请输入密码" id="pwd">
                </div>

                <div class="input-group with-padding">
                    <span class="input-group-addon">重复密码</span>
                    <input type="password" class="form-control" placeholder="请输入密码" id="repwd">
                </div>

                <div class="input-group with-padding">
                    <span class="input-group-addon">昵称</span>
                    <input type="text" class="form-control" placeholder="请输入昵称" id="niname">
                </div>
                <div class="input-group with-padding">
                    <span class="input-group-addon">性别</span>
                    <label class="radio-inline with-padding">
                        <input type="radio" name="sex" value="1" checked="checked"> 男
                    </label>
                    <span class="input-group-addon fix-border fix-padding"></span>
                    <label class="radio-inline with-padding">
                        <input type="radio" name="sex" value="0"> 女
                    </label>
                </div>
                <div class="input-group with-padding">
                    <span class="input-group-addon">学历</span>
                    <select class="form-control" id="edu">
                        <option value="博士">博士</option>
                        <option value="硕士">硕士</option>
                        <option value="大学">大学</option>
                        <option value="大专">大专</option>
                    </select>
                </div>
                <div class="input-group with-padding">
                    <span class="input-group-addon">职业</span>
                    <select class="form-control" id="pro">
                        <option value="程序员">程序员</option>
                        <option value="会计">会计</option>
                        <option value="小偷">小偷</option>
                        <option value="证券">证券</option>
                    </select>
                </div>

                <div class="input-group with-padding">
                    <span class="input-group-addon">电话</span>
                    <input type="text" class="form-control" placeholder="请输入电话" id="tel">
                </div>

                <div class="input-group with-padding">
                    <span class="input-group-addon">Email</span>
                    <input type="text" class="form-control" placeholder="请输入Email" id="email">
                </div>

                <div class="with-padding">
                    <button class="btn btn-block btn-success" type="button" id="registerBtn">注册</button>
                    <button class="btn btn-block btn-danger" type="button" id="cancel">取消</button>
                </div>

            </div>
        </div>
    </div>
</body>

<!-- jQuery (ZUI中的Javascript组件依赖于jQuery) -->
<script src="dist/lib/jquery/jquery-3.4.1.min.js"></script>
<!-- ZUI Javascript组件 -->
<script src="dist/js/zui.min.js"></script>
<!-- layer弹窗JS -->
<script src="layer/layer.js"></script>
<!-- 自定义JS -->
<script src="js/register.js"></script>

</html>